<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <title>视图模板</title>
</head>
<body>
  
          <!--
 *  to_scope_list(xField, xScope, xConver, aggFields, groupKeys, interval, defaults);
 *  - xField 必填,唯一,x轴对应的字段,
 *  - xScope  非必须,x轴的范围, (比如: 180101~180201, 1~10)
 *  - xConver 非必须,x轴转换类(比如: to_date(), to_long() 经常遇到x轴的值为String,但需要int型的x轴,此参数可以对此做数据转换)
 *  - interval 非必须,x轴的间隔, (比如: 86400, 1)
 *  - aggFields 必填,不唯一,折线的field, 用于控制一行 row 中有几条折线
 *  - groupKeys 非必须,折线的key, 用于控制返回值 row 的行数
 *  - defaults 必填,折线图无值时,数据当什么处理,一般为 null 或者 0
 			-->
  <div style="display: none;" class="view_param_1">
   	<input type="hidden" name="result_view_fun_name" value="to_scope_list"/>
   	<input type="hidden" name="result_view_charts_type" value="line"/>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label auto_param">X轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填,X轴字段名,一般是 group by 字段中的一个"></span></span></span>
        <input type="text" class="form-control" name="xField" placeholder="" aria-describedby="" value="t" />
      </div>
    </div>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴值域<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="X轴值域,不填则根据返回值自适应"></span></span></span>
        <input type="text" class="form-control" name="xScope" placeholder="" aria-describedby="" value="2020-03-20~2020-03-23" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴类型<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, x轴类型：date / long / string"></span></span></span>
        <input type="text" class="form-control" name="xConver" placeholder="" aria-describedby="" value="date" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴间隔<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="非必填, 1DAY 表示1天, 1MONTH 表示一个月, 1YEAR 表示一年 不区分大小写"></span></span></span>
        <input type="text" class="form-control" name="interval" placeholder="" aria-describedby="" value="1DAY" />
      </div>
    </div>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">Y轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, Y轴字段"></span></span></span>
        <input type="text" class="form-control" name="aggFields" placeholder="" aria-describedby="" value="sum_b, max_b" />
      </div>
    </div>
    <div class="col-xs-6 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">group by<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="sql的 group by 部分, 用于生成图例, 比如: a,b"></span></span></span>
        <input type="text" class="form-control" name="groupKeys" placeholder="" aria-describedby="" value="t" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">默认值<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="没有数据时的默认值： 0 / null"></span></span></span>
        <input type="text" class="form-control" name="defaults" placeholder="" aria-describedby="" value="0" />
      </div>
    </div>
  </div>
  
  <div style="display: none;" class="view_param_2">
   	<input type="hidden" name="result_view_fun_name" value="to_scope_list"/>
   	<input type="hidden" name="result_view_charts_type" value="line"/>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填,X轴字段名,一般是 group by 字段中的一个"></span></span></span>
        <input type="text" class="form-control" name="xField" placeholder="" aria-describedby="" value="a" />
      </div>
    </div>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴值域<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="X轴值域,不填则根据返回值自适应"></span></span></span>
        <input type="text" class="form-control" name="xScope" placeholder="" aria-describedby="" value="1~5" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴类型<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, x轴类型：date / long"></span></span></span>
        <input type="text" class="form-control" name="xConver" placeholder="" aria-describedby="" value="long" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴间隔<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="1DAY 表示1天, 1MONTH 表示一个月, 1YEAR 表示一年 不区分大小写 "></span></span></span>
        <input type="text" class="form-control" name="interval" placeholder="" aria-describedby="" value="1" />
      </div>
    </div>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">Y轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, Y轴字段"></span></span></span>
        <input type="text" class="form-control" name="aggFields" placeholder="" aria-describedby="" value="max_b" />
      </div>
    </div>
    <div class="col-xs-6 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">group by<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="sql的 group by 部分, 用于生成图例, 比如: a,b"></span></span></span>
        <input type="text" class="form-control" name="groupKeys" placeholder="" aria-describedby="" value="a" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">默认值<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="没有数据时的默认值： 0 / null"></span></span></span>
        <input type="text" class="form-control" name="defaults" placeholder="" aria-describedby="" value="0" />
      </div>
    </div>
  </div>
  
  <div style="display: none;" class="view_param_3">
   	<input type="hidden" name="result_view_fun_name" value="to_scope_list"/>
   	<input type="hidden" name="result_view_charts_type" value="line"/>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填,X轴字段名,一般是 group by 字段中的一个"></span></span></span>
        <input type="text" class="form-control" name="xField" placeholder="" aria-describedby="" value="t" />
      </div>
    </div>
    <div class="col-xs-6 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴值域<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="X轴值域,不填则根据返回值自适应"></span></span></span>
        <input type="text" class="form-control" name="xScope" placeholder="" aria-describedby="" value="2020-03-21,2020-03-22,2020-03-23,2020-03-24" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴类型<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, x轴类型：date / long"></span></span></span>
        <input type="text" class="form-cont" name="xConver" placeholder="" aria-describedby="" value="string" />
      </div>
    </div>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">Y轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, Y轴字段"></span></span></span>
        <input type="text" class="form-control" name="aggFields" placeholder="" aria-describedby="" value="sum_b" />
      </div>
    </div>
    <div class="col-xs-6 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">group by<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="sql的 group by 部分, 用于生成图例, 比如: a,b"></span></span></span>
        <input type="text" class="form-control" name="groupKeys" placeholder="" aria-describedby="" value="t" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">默认值<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="没有数据时的默认值： 0 / null"></span></span></span>
        <input type="text" class="form-control" name="defaults" placeholder="" aria-describedby="" value="0" />
      </div>
    </div>
  </div>
  
  <div style="display: none;" class="view_param_4">
   	<input type="hidden" name="result_view_fun_name" value="to_scope_list"/>
   	<input type="hidden" name="result_view_charts_type" value="line"/>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填,X轴字段名,一般是 group by 字段中的一个"></span></span></span>
        <input type="text" class="form-control" name="xField" placeholder="" aria-describedby="" value="t" />
      </div>
    </div>
    <div class="col-xs-6 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴值域<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="X轴值域,不填则根据返回值自适应"></span></span></span>
        <input type="text" class="form-control" name="xScope" placeholder="" aria-describedby="" value="" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴类型<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, x轴类型：date / long"></span></span></span>
        <input type="text" class="form-control" name="xConver" placeholder="" aria-describedby="" value="string" />
      </div>
    </div>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">Y轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, Y轴字段"></span></span></span>
        <input type="text" class="form-control" name="aggFields" placeholder="" aria-describedby="" value="sum_b" />
      </div>
    </div>
    <div class="col-xs-6 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">group by<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="sql的 group by 部分, 用于生成图例, 比如: a,b"></span></span></span>
        <input type="text" class="form-control" name="groupKeys" placeholder="" aria-describedby="" value="t" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">默认值<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="没有数据时的默认值： 0 / null"></span></span></span>
        <input type="text" class="form-control" name="defaults" placeholder="" aria-describedby="" value="0" />
      </div>
    </div>
  </div>
  
  <div style="display: none;" class="view_param_5">
   	<input type="hidden" name="result_view_fun_name" value="to_scope_list"/>
   	<input type="hidden" name="result_view_charts_type" value="line"/>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填,X轴字段名,一般是 group by 字段中的一个"></span></span></span>
        <input type="text" class="form-control" name="xField" placeholder="" aria-describedby="" value="t" />
      </div>
    </div>
    <div class="col-xs-6 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴值域<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="X轴值域,不填则根据返回值自适应"></span></span></span>
        <input type="text" class="form-control" name="xScope" placeholder="" aria-describedby="" value="2020-03-21,2020-03-22,2020-03-23,2020-03-24" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴类型<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, x轴类型：date / long"></span></span></span>
        <input type="text" class="form-control" name="xConver" placeholder="" aria-describedby="" value="string" />
      </div>
    </div>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">Y轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, Y轴字段"></span></span></span>
        <input type="text" class="form-control" name="aggFields" placeholder="" aria-describedby="" value="sum_b" />
      </div>
    </div>
    <div class="col-xs-6 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">group by<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="sql的 group by 部分, 用于生成图例, 比如: a,b"></span></span></span>
        <input type="text" class="form-control" name="groupKeys" placeholder="" aria-describedby="" value="t" />
      </div>
    </div>
    <div class="col-xs-2 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">默认值<span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="没有数据时的默认值： 0 / null"></span></span></span>
        <input type="text" class="form-control" name="defaults" placeholder="" aria-describedby="" value="0" />
      </div>
    </div>
  </div>
  
  <div style="display: none;" class="view_param_6">
   	<input type="hidden" name="result_view_fun_name" value="to_pie_list"/>
   	<input type="hidden" name="result_view_charts_type" value="pie"/>
    <div class="col-xs-3 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">X轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填,X轴字段名,一般是 group by 字段中的一个"></span></span></span>
        <input type="text" class="form-control" name="xField" placeholder="" aria-describedby="" value="t" />
      </div>
    </div>
    <div class="col-xs-3 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">Y轴字段<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="必填, Y轴字段"></span></span></span>
        <input type="text" class="form-control" name="aggFields" placeholder="" aria-describedby="" value="sum_b" />
      </div>
    </div>
    <div class="col-xs-4 padding0">
      <div class="input-group input-group-xs">
        <span class="input-group-addon"><span class="sybn_label">group by<span class="red">*</span><span class="fa fa-question-circle" data-toggle="tooltip" data-html="true" data-placement="bottom" title="sql的 group by 部分, 比如: a,b"></span></span></span>
        <input type="text" class="form-control" name="groupKeys" placeholder="" aria-describedby="" value="t" />
      </div>
    </div>
  </div>
</body>
</html>